import React from 'react'
import { Outlet, useNavigate } from 'react-router-dom'
import './App.css'
export default function App() {
  const route = [
    {name:"铭信首页",path:"/home"},
    {name:"关于我们",path:"/aboutus"},
    {name:"工商服务",path:"/business"},
    {name:"代理记账",path:"path4"},
    {name:"税务代办",path:"path5"},
    {name:"公司审计",path:"path6"},
    {name:"财税顾问",path:"path7"},
    {name:"税务筹划",path:"path8"},
    {name:"产权资质",path:"path9"},
    {name:"教育培训",path:"/et"},

  ]
  const routes = useNavigate()
  return (
    <div>
      <div className="headers">
        <ul className='navbar'>
          {route.map((item)=>{
            return (
              <li key={item.path} onClick={()=>{routes(item.path)}}>{item.name}</li>
            )
          })}
        </ul>
      </div>
      <div className="main">
        <Outlet></Outlet>
    </div>
    <div className="footer">
      
    </div>
  </div>
  )
}
